Headless UI
スタイルを持たず、機能とアクセシビリティのみを提供するUIコンポーネントの設計パターン。見た目は開発者が自由に定義できる。
特徴
- ロジックとスタイルの分離
- 完全なスタイリングの自由度
- アクセシビリティ機能を内包
- デザインシステムに依存しない
代表的なライブラリ
- Radix Primitives
- Headless UI（Tailwind Labs）
- React Aria（Adobe）
- Ariakit
メリット
- デザインシステムとの統合が容易
- ブランドに合わせた完全なカスタマイズ
- 認知負荷の低減（機能は保証されている）